{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
</head>
<body>
{% for item in page.object_list %}
    <ul>
    <li>
        {{ item }}

    </li>
    </ul>

{% endfor %}
<nav aria-label="...">
  <ul class="pagination">
      {% if page.has_previous %}
          <li class="page-item ">
          <a class="page-link" href="?pn={{ page.previous_page_number }}">Previous</a>
      {% else %}
          <li class="page-item disabled">
          <a class="page-link" href="#">Previous</a>
      {% endif %}
      </li>
  {% for pn in page.paginator.page_range %}
      <li class="page-item"><a class="page-link" href="?pn={{pn}}">{{pn}}</a></li>
  {% endfor %}


    {% if page.has_next %}
        <li class="page-item">
        <a class="page-link" href="?pn={{ page.next_page_number }}">Next</a>
  {% else %}
        <li class="page-item disabled">
        <a class="page-link" href="#">Next</a>
  {% endif %}


    </li>
  </ul>
</nav>
</body>
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
</html>